<%--
  Created by IntelliJ IDEA.
  User: 米兰的小铁匠
  Date: 2020/6/3
  Time: 14:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="logo-img">
    <img src="img/scimg.png">
</div>
<div class="bg">
  <img src="img/index_bg.jpg">
  <form action="AddNewsServlet"  method="post">
    <div class="newsID">
        新 闻ID :<input type="text" name="newid" />
    </div>
    <div class="category">
        新闻分类:<input type="text" name="category" />
    </div>
    <div class="newsTitle">
        新闻标题:<input type="text" name="title" />
    </div>
    <div class="newsContent">
        新闻内容:<textarea rows="5" cols="40" name="newcontent"></textarea>
    </div>
    <div class="author">
        作 者:<input type="text" name="author"/>
    </div>
    <div class="newsDate">
        时 间:<input type="text" name="writedate"/>
    </div>
    <div class="addNews">
        <input type="submit" value="添加"/>
    </div>
  </form>
</div>
</body>
<style>
    .logo-img{
        width: 170px;
        height: 170px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .logo-img img{
        width: 170px;
        height: 170px;
    }
    .bg{
        width: 1200px;
        height: 500px;
        margin: 0 auto;
    }
    img{
        width: 1200px;
        height: 500px;
    }
    form{
        background-color: #fff;
        position: fixed;
        height:430px ;
        width: 450px;
        margin: auto;
        top: 220px;
        right: 0;
        left: 0;
        opacity: 0.7;
    }
    .newsID input{
        width: 20px;
        margin-bottom: 20px;
    }
    .category input{
        width: 80px;
        margin-bottom: 20px;
    }
    .newsTitle input{
        width: 160px;
        margin-bottom: 20px;
    }
    .newsContent textarea{
        margin-bottom: 20px;
        vertical-align: top
    }
    .author input{
        width: 80px;
        margin-bottom: 20px;
    }
    .newsDate input{
        width: 80px;
        margin-bottom: 20px;
    }
    .addNews input{
        width: 80px;
        height: 60px;
        float: right;
        margin-right: 15px;
        font-size: 18px;
    }
</style>
</html>
